<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css.css">
</head>
<body>
    <div class="contianer">
        <!-- 第一部分 -->
           <div class="d1">
              <div class="tu">
                <img src="./images/01.png" alt="">
              </div>
              <ul>
                <li><a href="">HOME</a></li>
                <li><a href="">ABOUT</a></li>
                <li><a href="">PROTFOLIO</a></li>
                <li><a href="">SERVLCE</a></li>
                <li><a href="">NEWS</a></li>
                <li><a href="">CONTACT</a></li>
              </ul>
           </div>

           <!-- 第二部分 -->
            <div class="d2">
                 <div class="tu">
                    <img src="./images/02.png" alt="">
                 </div>
            </div>


            <!-- 第三部分 -->
            <div class="d3">
                  <div class="dd1">
                       <p>
                        <span class="wz">————————·</span>
                        <span class="wz">&nbsp;服务范围&nbsp;</span>
                        <span class="wz">·————————</span>
                       </p>
                  </div>
                  <div class="dd2">
                    <p>OUR SERVLCE</p>
                  </div>
            </div>

            <!-- 第四部分 -->
             <div class="d4">
                 <div class="dd1">
                    <div class="tu">
                      <img src="./images/03.png" alt="">
                    </div>
                    <div class="wz">
                      <h4>1.WEB DESLGN</h4>
                      <p>企业品牌网站设计/手机网站制作</p>
                      <p>动画网站创意设计</p>
                    </div>
                 </div>
                 <div class="dd2">
                    <div class="tu">
                      <img src="./images/04.png" alt="">
                    </div>
                    <div class="wz">
                      <h4>1.WEB DESLGN</h4>
                      <p>企业品牌网站设计/手机网站制作</p>
                      <p>动画网站创意设计</p>
                    </div>
                 </div>
                 <div class="dd3">
                    <div class="tu">
                      <img src="./images/05.png" alt="">
                    </div>
                    <div class="wz">
                      <h4>1.WEB DESLGN</h4>
                      <p>企业品牌网站设计/手机网站制作</p>
                      <p>动画网站创意设计</p>
                    </div>
                 </div>
                 <div class="dd4">
                    <div class="tu">
                      <img src="./images/06.png" alt="">
                    </div>
                    <div class="wz">
                      <h4>1.WEB DESLGN</h4>
                      <p>企业品牌网站设计/手机网站制作</p>
                      <p>动画网站创意设计</p>
                    </div>
                 </div>
             </div>


             <!-- 第五部分 -->
            <div class="d5">
                <div class="dd1">
                  <span class="wz">————————·</span>
                  <span class="wz">&nbsp;服务范围&nbsp;</span>
                  <span class="wz">·————————</span>
                </div>
                <div class="dd2">
                   OUR SERVLCE
                </div>
            </div>


            <!-- 第六部分 -->
            <div class="d6">
                 <div class="dd1">
                     <img src="./images/07.png" alt="">
                 </div>
                 <div class="dd2">
                     <img src="./images/08.png" alt="">
                 </div>
                 <div class="dd3">
                    <img src="./images/09.png" alt="">
                 </div>
                 <div class="dd4"> 
                    <span class="wz">    VLEW MORE   </span>
                 </div>
            </div>

            <!-- 第七部分 -->
            <div class="d7">
              <div class="dd1">
                <span class="wz">————————·</span>
                <span class="wz">&nbsp;服务范围&nbsp;</span>
                <span class="wz">·————————</span>
              </div>
              <div class="dd2">
                 OUR SERVLCE
              </div>
          </div>

          <!-- 第八部分 -->
           <div class="d8">
              <div class="dd1"><img src="./images/10.png" alt=""></div>
              <div class="dd2">
                  <img src="./images/14.png" alt="">
                  <div class="ddd1">
                      <h4>网站排名进入前三的技巧</h4>
                      <p>很多用户都会纳闷为什么自己的网站总是优化不到搜索引擎</p>
                      <p>首页,更不用说进首页前三了.那么网站优化...</p>
                  </div> 
              </div>
              <div class="dd3">
                <img src="./images/13.png" alt="">
                <div class="ddd1">
                    <h4>网站排名进入前三的技巧</h4>
                    <p>很多用户都会纳闷为什么自己的网站总是优化不到搜索引擎</p>
                    <p>首页,更不用说进首页前三了.那么网站优化...</p>
                </div> 
              </div>
              <div class="dd4">
                <img src="./images/13.png" alt="">
                <div class="ddd1">
                    <h4>网站排名进入前三的技巧</h4>
                    <p>很多用户都会纳闷为什么自己的网站总是优化不到搜索引擎</p>
                    <p>首页,更不用说进首页前三了.那么网站优化...</p>
                </div> 
              </div>
              <div class="dd5">
                <img src="./images/14.png" alt="">
                <div class="ddd1">
                    <h4>网站排名进入前三的技巧</h4>
                    <p>很多用户都会纳闷为什么自己的网站总是优化不到搜索引擎</p>
                    <p>首页,更不用说进首页前三了.那么网站优化...</p>
                </div> 
              </div>
           </div>
    </div>
</body>
</html>